<template>
	<view >
		<nav-bar title="加钟"></nav-bar>
		<scroll-view scroll-y :style="{height:mainHeight}">
			<Technician isChecked="true"></Technician>
			<select-project></select-project>
		</scroll-view>
		<view class="btn_edit flexJcac">
			<view class="btn_cont wdithBtn" @click="submitTime">
				确定
			</view>
		</view>
		
		<you-popup
			:popupVisible="popupVisible"
			popupTitle="确认结束活动？"
			@popupClose="popupVisible = false"
			@cancel="clickCancel"
			@confirm="clickConfirm"
			bgColor="#fff"
		>
			<view slot="popupContent">
				<!-- 标题 -->
				<view class="contain-text"> 所选技师后续有待服务的订单，请重新选择技师或项目</view>
			</view>
			<view slot="btnBox" class="flexJcac">
				<view class="btn wdithBtn" @click="popupVisible = false">确认</view>
			</view>
		</you-popup>
	</view>
</template>

<script>
	import NavBar from '@/components/nav-bar/index.vue'
	import SelectProject from './components/selectProject.vue'
	import YouPopup from '@/components/you-popup/index.vue'
	export default {
		components:{ NavBar, SelectProject, YouPopup },
		data(){
			return{
				mainHeight:'',
				popupVisible:false
			}
		},
		created() {
			this.mainHeight = this.$store.getters.heightData.mainHeight
		},
		methods:{
			submitTime(){
				this.popupVisible = true
			}
		}
		}
</script>

<style lang="scss" scoped>
	.booking{
		margin: 30rpx;
		border-radius: 17rpx;
	}
	.btn_edit{
		position: fixed;
		width: 100%;
		bottom: 0;
		height: 148rpx;
		opacity: 1;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 13rpx  #ADADAD;
		.btn_cont{
			width: 671rpx;
			height: 94rpx;
			opacity: 1;
			border-radius: 63rpx;
			background: #C27E15;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 10rpx 10rpx 10rpx 10rpx;
			font-size: 30rpx;
			font-weight: 500;
			letter-spacing: 0rpx;
			line-height: 43.44rpx;
			color: rgba(255, 255, 255, 1);
			text-align: left;
			vertical-align: top;
		}
	}
	.wdithBtn{
		width: 168rpx;
		background: #C27E15;
		color: #FFFFFF;
	}
</style>